<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title> Facultys Of Engineering Website </title>
        <link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/computer-theme.css"/>

<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" href="assets/css/ie.css"/>
		<![endif]-->
<!--[if IE 7]>
			<link rel="stylesheet" type="text/css" href="assets/css/ie-7.css"/>
		<![endif]-->
        <script type="text/javascript" src="assets/js/date.format.js"></script>

        <!-- load jQuery -->
        <script src="assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>

        <link rel="stylesheet" href="assets/css/bjqs.css"/>
        <script src="assets/js/bjqs-1.3.js" type="text/javascript"></script>
        <script type="text/javascript" src="assets/js/jquery.carouFredSel-6.2.1.js"></script>
        <script type="text/javascript" src="assets/js/placeholder.js"></script> 
<script type="text/javascript" src="assets/js/cms.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

        <script type="text/javascript" src="assets/js/faq.js"></script>
    </head>

    <body>
        <div class="container">
            <div class="header"> <a class="logo" href="#"><img src="assets/images/fue-logo-engineering.png" width="182" height="62" alt="FUE" /></a>
                <div class="faculty">
                    <div class="name">Faculty of Computers and Information Technology</div>
                    <div class="slogan">‘Computers and Information Technology’</div>
                </div>
                <ul class="user-menu">
                    <li><a href="home-login.html">Log-in</a></li>
                    <li><a href="#">Library</a></li>
                    <li><a href="Contact_Us.html">Contact</a></li>
                </ul>
                <div class="date" id="today"></div>
                <a class="apply-now" href="#"><span>Apply Now</span></a>
                <div class="clearfix"></div>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="#">About the Faculty</a>
                            <ul>
                                <li><a href="aboutus.html">About Us</a></li>
                                <li><a href="About_Dean.html">Dean's Welcome Message</a>
                                    <!--<ul>
                                      <li><a href="#">About The Faculty</a></li>
                                        <li><a href="#">Overview</a></li>
                                        <li><a href="#">philosophy</a></li>
                                  </ul>-->
                                </li>
                                <li><a href="aboutus.html">Mission and Vision</a></li>
                                <!--<li><a href="Contact_Us.html">Contact us</a></li>-->
                            </ul>
                        </li>
                        <li><a href="#">Academics</a>
                            <ul>
                                <li><a href="#">Undergraduate Programs</a>
                                    <ul>
                                        <li><a href="Departments.html">Departments</a></li>
                                        <li><a href="Course_List.html">Course List </a></li>
                                        <li><a href="#">Course Description</a></li>
                                    </ul>
                                </li>
                                <!-- <li><a href="#">Postgraduate Programs</a></li> -->
                                
                              <li><a href="Faculty-Regulations.html">Faculty Regulations</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Faculty staff</a>
                            <ul>
                                <li><a href="Staff_Inner.html">Dean</a></li>
                                <li><a href="Staff.html">Vice's Dean</a></li>
                                <li><a href="Staff.html">Professors</a></li>
                                <li><a href="Staff.html">Lectures</a></li>
                                <li><a href="Staff.html">Teaching assistant</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Facilities</a>
                            <ul>
                                <li><a href="Facilities_Inner.html">Lecture Halls</a></li>
                                <li><a href="Facilities_Inner.html">Laboratories</a></li>
                                <li><a href="Facilities_Inner.html">Students Training</a></li>
                            </ul>
                        </li>
                        <li><a href="Research-Centers.html">Research Center</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="Contact_Us.html">Contact</a></li>
                    </ul>
                </nav>
                <div class="header_spaceing"></div>
            </div>
            <div class="go-to-links">
                <ul id="menu">
                    <li>
                        <div href="#">Student Portal</div>
                        <ul class="sub-menu">
                            <li> <a href="#">Moodle</a> </li>
                            <li> <a href="#">Time table</a> </li>
                            <li> <a href="#">Web main</a> </li>
                            <li> <a href="#">Programs</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div href="#">Prospective Students</div>
                        <ul class="sub-menu">
                            <li> <a href="#">Admission</a> </li>
                            <li> <a href="#">Reseaech Centers</a> </li>
                            <li> <a href="#">Programmes Offered</a> </li>
                            <li> <a href="#">Requirements</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div href="#">Visitors</div>
                        <ul class="sub-menu">
                            <li> <a href="#">About The Faculty</a> </li>
                            <li> <a href="#">Location & Direction</a> </li>
                            <li> <a href="#">Accommodation</a> </li>
                            <li> <a href="#">Library</a> </li>
                            <li> <a href="#">Programs Offered</a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="breadcrumb">
                <ul>
                    <li> <a href="#"> <span class="home-icon"></span> Home </a> </li>
                    <li>|</li>
                    <li > <a href="#"> Faculty Staff </a> </li>
                    <li>|</li>
                    <li> <a href="#">Professors </a> </li>
                </ul>
            </div>
            <div class="main-container">
                <div class="content-coulmn">
                    <div class="cms-content">
                        <h1 class="level-1">
                            <span>Faculty Contacts </span>
                            <span class="article-action"> <a href="assets/pdf/File-Download-HTML.pdf" target="_blank" title="Dowanload PDF"><img src="assets/images/pdf.png" width="12" height="12"  /></a> <a  onClick="window.print()" title="Print"> <img src="assets/images/print.png" width="14" height="12"  /></a> <a href="mailto:someone@example.com?Subject=Subject%20Title" target="_blanck" title="Send to mail"><img src="assets/images/mail.png" width="14" height="9"  /></a> </span>
                        </h1>
                        <h1 class="level-3">Contact Directory</h1>
                        <div class="conatct">
                            <label> Phone : </label>
                            <p> +(202) - 26186100<br/>
                                +(202) - 26186110
                            </p>
                            <label> Fax  : </label>
                            <p> +(202) - 26186111
                            </p>

                            <label> E-mail : </label>
                            <p> <a href="#">engineering@fue.edu.eg </a>
                            </p>

                            <label> Location  : </label>
                            <p>Al Tagamoa El Khames , Main Center of Town , End of 90th street<br/>
                                Cairo, Egypt </p>
                        </div>
                        
                        <h1 class="level-2">E-mail Us</h1>
                        <div class="form-container">
                            <div class="form-block">
                                <div>
                                    <label>Your Mail:</label>
                                    <input placeholder="mail@email.com" type="text" />
                                </div>

                                <hr />
                                <div>
                                    <label> Department </label>
                                    <select>
                                        <option> Choose The Department </option>
                                        <option>DEPARTMENT OF ARCHITECTURAL ENGINEERING</option>
                                        <option>BIOMEDICAL ENGINEERING DEPARTMENT</option>
                                        <option>DEPARTMENT OF ELECTRICAL ENGINEERING</option>
                                    </select>
                                </div>
                                <hr />
                                <div>
                                    <label>Phone:</label>
                                    <input place-holder="mail@email.com" type="text" />
                                </div>
                                <hr />
                                <div>
                                    <label>Message:</label>
                                    <textarea class="type_question"></textarea>
                                </div>
                            </div>
                            <div class="form-btns">
                                <!--<button class="send">Send</button>-->
                                <input type="submit" class="send" value="Send">
                            </div>
                        </div>
                    </div>
                </div>


                <!-- side coulmn-->
                <div class="side-coulmn">
                    <!-- search-->
                    <div class="search">
                        <form>
                            <input type="text" placeholder="Search..." />
                        </form>
                    </div>
                    <!-- side menu -->
                    <div class="side-menu-container"></div>

                    <!--social-->
                    <h1 class="side-title">Follow us on</h1>
                    <div class="gradient-block side-block">
                        <div class="social"> <a href="#"><img src="assets/images/facebook.jpg" width="30" height="30" alt="facebook"/></a> <a href="#"><img src="assets/images/youtube.jpg" width="30" height="30" alt="Youtube"/></a> <a href="#"><img src="assets/images/tweeter.jpg" width="40" height="30" alt="tweeter" /></a></div>
                    </div>

                    <!--Visit the Faculty-->
                    <h1 class="side-title">Visit the Faculty</h1>
                    <div class="gradient-block side-block"> <a href="#"><img  class="faculty-video-view" src="assets/images/faculty-video.jpg" width="255" height="58" /></a> </div>

                    <!--faculty journals-->
                    <a href="#">
                        <div class="faculty-journals"> </div>
                    </a>

                    <!--workshop-->
                    <div class="workshop-ad"> <a href="#"> <img src="assets/images/international-ad.jpg" width="277" height="92" /></a> </div>
                    <!--Ads block-->
                    <div class="ads-block gradient-block">
                        <h1>ADS</h1>
                        <div class="ads_carousel">
                            <div id="ads">
                                <li> <img src="assets/images/img-ads-1.jpg" width="60" height="50">
                                        <p>Application Status for UTP May 2013 Intake (Foundation & Undergraduate Programmes - Malaysians Only) is NOW Available</p>
                                        <a href="#" class="more">...more</a> </li>
                                <li> <img src="assets/images/img-ads-2.jpg" width="60" height="50">
                                        <p>Application Status for UTP May 2013 Intake (Foundation & Undergraduate Programmes - Malaysians Only) is NOW Available</p>
                                        <a href="#" class="more">...more</a> </li>
                                <li> <img src="assets/images/img-ads-3.jpg" width="60" height="50">
                                        <p>Application Status for UTP May 2013 Intake (Foundation & Undergraduate Programmes - Malaysians Only) is NOW Available</p>
                                        <a href="#" class="more">...more</a> </li>
                            </div>
                            <div class="clearfix"></div>
                            <a class="prev" id="foo1_prev" href="#"></a> <a class="next" id="foo1_next" href="#"></a> </div>
                    </div>



                </div>
                <div class="clearfix"></div>
            </div>
            <div class="footer">
                <div class="footer-coulmns">
                    <div class="coulmn">
                        <h5>About Faculty </h5>
                        <ul>
                            <li><a href="aboutus.html">About Us</a></li>
                            <li><a href="#">Vision & Mision</a></li>
                            <li><a href="#">News</a></li>
                            <li><a href="#">Jobs & Vacancies</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>academic</h5>
                        <ul>
                            <li><a href="#">Undergraduate Programs</a></li>
                            <li><a href="#">Postgraduate Programs</a></li>
                            <li><a href="#">Faculty Regulationsment</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>our staff</h5>
                        <ul>
                            <li><a href="About_Dean.html">Dean</a></li>
                            <li><a href="#">Vice's Dean</a></li>
                            <li><a href="#">Professors</a></li>
                            <li><a href="#">Teaching assistant</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>Research Centers</h5>
                        <ul>
                            <li><a href="#">Pharmaceutical Factory</a></li>
                            <li><a href="#">Research centers</a></li>
                        </ul>
                    </div>
                    <div class="coulmn">
                        <h5>media</h5>
                        <ul>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Faculty Calendar</a></li>
                            <li><a href="#">Library</a></li>
                            <li><a href="#">Contacts </a></li>
                        </ul>
                    </div>
                    <div class="brochour"> <a href="assets/pdf/File-Download-HTML.pdf" target="_blank" title="Dowanload PDF">
                    		Brochure
                    	</a> </div>
                    <div class="clearfix"></div>
                </div>
                <div class="footer-copy"> <a class="fue-logo"> <img src="assets/images/fue-logo.png" width="58" height="84" /> </a>
                    <div class="content"> Copyright &copy;   Welcome to Future University Website. All Rights Reserved.  Al Tagamoa El Khames , Main Center of Town , End of 90th street Cairo, Egypt . <br/>
                        Faculty of Engineering & Technology<br />
                        <span>Tel: 16383 (16FUE) </span> <span>Fax: +202 26186111</span> <span>e-mail: fue@futureuniversity.edu.eg</span> <span><a href="www.fue.edu.eg">www.fue.edu.eg</a></span> </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
                                var now = dateFormat(now, "dddd , d mmm yyyy ");
                                $('#today').text(now)

                                jQuery(document).ready(function($) {

                                    $('#banner-slide').bjqs({
                                        animtype: 'slide',
                                        height: 170,
                                        width: 612,
                                        responsive: false,
                                        automatic: true,
                                        showmarkers: false,
                                        usecount: false,
                                        showcontrols: false
                                    });

                                });
                                $("#partnerships").carouFredSel({
                                    circular: true,
                                    infinite: true,
                                    auto: true,
                                    prev: {
                                        button: "#foo2_prev",
                                        key: "left"
                                    },
                                    next: {
                                        button: "#foo2_next",
                                        key: "right"
                                    },
                                    scroll:
                                            {
                                                items: 1,
                                                duration: 500
                                            }


                                });

                                $("#ads").carouFredSel({
                                    circular: true,
                                    infinite: true,
                                    auto: true,
                                    prev: {
                                        button: "#foo1_prev",
                                        key: "left"
                                    },
                                    next: {
                                        button: "#foo1_next",
                                        key: "right"
                                    },
                                    scroll: {
                                        duration: 600
                                    }


                                });


        </script>
    </body>
</html>
